<template>
    <div class="app-container">
        <el-form
            :model="queryParams"
            ref="queryForm"
            size="small"
            :inline="true"
            v-show="showSearch"
            label-width="68px"
        >
            <el-form-item label="员工姓名" prop="realName">
                <el-input
                    v-model="queryParams.realName"
                    placeholder=""
                    clearable
                    @keyup.enter.native="handleQuery"
                />
            </el-form-item>
            <el-form-item label="工号" prop="staffNum">
                <el-input
                    v-model="queryParams.staffNum"
                    placeholder=""
                    clearable
                    @keyup.enter.native="handleQuery"
                />
            </el-form-item>

            <el-form-item label="年龄区间" prop="ageStart">
                <el-input-number
                    :min="1"
                    :max="100"
                    :precision="0"
                    controls-position="right"
                    style="width: 105px"
                    v-model="queryParams.ageStart"
                ></el-input-number
                >-<el-input-number
                    :min="1"
                    :max="100"
                    :precision="0"
                    v-model="queryParams.ageEnd"
                    controls-position="right"
                    style="width: 105px"
                ></el-input-number>
            </el-form-item>
            <el-form-item label="性别" prop="sex">
                <el-select v-model="queryParams.sex" placeholder="" clearable>
                    <el-option
                        v-for="dict in dict.type.sys_user_sex"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                    />
                </el-select>
            </el-form-item>

            <el-form-item label="政治面貌" prop="political">
                <el-select
                    v-model="queryParams.political"
                    placeholder=""
                    clearable
                >
                    <el-option
                        v-for="dict in dict.type.political_status"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="教育经历" prop="education">
                <el-select
                    v-model="queryParams.education"
                    placeholder=""
                    clearable
                >
                    <el-option
                        v-for="dict in dict.type.education_list"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="最高学位" prop="education_list">
                <el-select
                    v-model="queryParams.degree"
                    placeholder=""
                    clearable
                >
                    <el-option
                        v-for="dict in dict.type.degree_value"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                    />
                </el-select>
            </el-form-item>
            <el-form-item label="岗位类别" prop="postTypeCode">
                <el-select
                    v-model="queryParams.postTypeCode"
                    placeholder=""
                    @change="getPostList2"
                >
                    <el-option
                        v-for="dict in dict.type.job_category"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                    ></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="岗位名称" prop="postId">
                <el-select v-model="queryParams.postId" placeholder="">
                    <el-option
                        v-for="item in postList2"
                        :key="item.postId"
                        :label="item.postName"
                        :value="item.postId"
                    ></el-option>
                </el-select>
            </el-form-item>

            <!-- <el-form-item label="入职部门" prop="orgId">
                <treeselect
                    v-model="queryParams.orgId"
                    :options="deptOptions"
                    :show-count="true"
                    placeholder="请选择入职部门"
                    @keyup.enter.native="handleQuery"
                    style="width: 215px"
                />
            </el-form-item> -->

            <!-- <el-form-item label="员工类型" prop="political">
                <el-select
                    v-model="queryParams.staffType"
                    placeholder="请选择员工类型"
                    clearable
                >
                    <el-option
                        v-for="dict in dict.type.hrm_staff_type"
                        :key="dict.value"
                        :label="dict.label"
                        :value="dict.value"
                    />
                </el-select>
            </el-form-item> -->

            <!--            <el-form-item label="民族" prop="nation">-->
            <!--                <el-select v-model="queryParams.nation" placeholder="请选择民族" clearable>-->
            <!--                    <el-option v-for="dict in dict.type.nation_list" :key="dict.value" :label="dict.label"-->
            <!--                               :value="dict.value"/>-->
            <!--                </el-select>-->
            <!-- </el-form-item> -->

            <!--            <el-form-item label="婚姻状况" prop="marryStatus">-->
            <!--                <el-select v-model="queryParams.marryStatus" placeholder="请选择婚姻状况" clearable>-->
            <!--                    <el-option v-for="dict in dict.type.marry_status" :key="dict.value" :label="dict.label"-->
            <!--                               :value="dict.value"/>-->
            <!--                </el-select>-->
            <!--            </el-form-item>-->
            <!-- <el-form-item label="电话" prop="phone">
                <el-input
                    v-model="queryParams.phone"
                    placeholder="请输入电话"
                    clearable
                    @keyup.enter.native="handleQuery"
                />
            </el-form-item> -->
            <!--            <el-form-item label="英语水平" prop="englishLevel">-->
            <!--                <el-select v-model="queryParams.englishLevel" placeholder="请选择英语水平" clearable>-->
            <!--                    <el-option v-for="dict in dict.type.language_level" :key="dict.value" :label="dict.label"-->
            <!--                               :value="dict.value"/>-->
            <!--                </el-select>-->
            <!--            </el-form-item>-->
            <el-form-item>
                <el-button
                    type="primary"
                    icon="el-icon-search"
                    size="mini"
                    @click="handleQuery"
                    >查询</el-button
                >
                <el-button
                    icon="el-icon-refresh"
                    size="mini"
                    @click="resetQuery"
                    >重置</el-button
                >
            </el-form-item>
        </el-form>
        <TableCard>
            <el-row :gutter="10" class="mb8">
                <el-col :span="1.5">
                    <el-button
                        type="primary"
                        plain
                        icon="el-icon-plus"
                        size="mini"
                        @click="handleAdd"
                        v-hasPermi="['staff:induction:add']"
                        >录入员工
                    </el-button>
                </el-col>
                <el-col :span="1.5">
                    <el-button
                        type="warning"
                        plain
                        icon="el-icon-download"
                        size="mini"
                        @click="handleExport"
                        v-hasPermi="['staff:induction:export']"
                        >导出
                    </el-button>
                </el-col>
            </el-row>

            <el-table
                :border="Global.tableShowBorder"
                v-loading="loading"
                :data="inductionList"
                @selection-change="handleSelectionChange"
            >
                <!-- <el-table-column type="selection" width="55" align="center"/> -->
                <el-table-column
                    type="index"
                    width="55"
                    label="序号"
                    align="center"
                />
                <el-table-column
                    label="姓名(工号)"
                    align="center"
                    prop="staffNum"
                    width="200"
                >
                    <template slot-scope="scope">
                        <span>{{
                            scope.row.realName + "(" + scope.row.staffNum + ")"
                        }}</span>
                    </template>
                </el-table-column>

                <el-table-column
                    label="部门"
                    align="center"
                    prop="deptId"
                    width="225"
                >
                    <template slot-scope="scope">
                        <span>{{
                            parseSelectTree(scope.row.deptId) || "—"
                        }}</span>
                    </template>
                </el-table-column>

                <el-table-column label="性别" align="center" prop="sex">
                    <template slot-scope="scope">
                        <dict-tag
                            :options="dict.type.sys_user_sex"
                            :value="Number(scope.row.sex)"
                        />
                    </template>
                </el-table-column>
                <el-table-column
                    label="出生日期"
                    align="center"
                    prop="birthdate"
                    width="180"
                >
                    <template slot-scope="scope">
                        <span>{{
                            parseTime(scope.row.birthdate, "{y}-{m}-{d}")
                        }}</span>
                    </template>
                </el-table-column>
                <el-table-column label="年龄" align="center" prop="age">
                    <template slot-scope="scope">
                        <span>{{ scope.row.age || "—" }}</span>
                    </template>
                </el-table-column>

                <el-table-column label="民族" align="center" prop="nation">
                    <template slot-scope="scope">
                        <dict-tag
                            v-if="scope.row.nation && scope.row.nation != 0"
                            :options="dict.type.nation_list"
                            :value="scope.row.nation"
                        />
                        <span v-else>—</span>
                    </template>
                </el-table-column>
                <el-table-column
                    label="政治面貌"
                    align="center"
                    prop="political"
                >
                    <template slot-scope="scope">
                        <dict-tag
                            v-if="
                                scope.row.political && scope.row.political != 0
                            "
                            :options="dict.type.political_status"
                            :value="scope.row.political"
                        />
                        <span v-else>—</span>
                    </template>
                </el-table-column>
                <el-table-column
                    label="教育经历"
                    align="center"
                    prop="education"
                    width="180"
                >
                    <template slot-scope="scope">
                        <dict-tag
                            :options="dict.type.education_list"
                            :value="scope.row.education"
                        />
                    </template>
                </el-table-column>
                <el-table-column label="最高学位" align="center" prop="degree">
                    <template slot-scope="scope">
                        <dict-tag
                            v-if="scope.row.degree || scope.row.degree == 0"
                            :options="dict.type.degree_value"
                            :value="scope.row.degree"
                        />
                        <span v-else>—</span>
                    </template>
                </el-table-column>

                <el-table-column
                    label="岗位类别"
                    align="center"
                    prop="postTypeCode"
                    width="120"
                >
                    <template slot-scope="scope">
                        <dict-tag
                            v-if="
                                scope.row.postTypeCode ||
                                scope.row.postTypeCode == 0
                            "
                            :options="dict.type.job_category"
                            :value="scope.row.postTypeCode"
                        />
                        <span v-else>—</span>
                    </template>
                </el-table-column>
                <el-table-column
                    label="岗位名称"
                    align="center"
                    prop="postId"
                    width="180"
                >
                    <template slot-scope="scope">
                        <span>{{
                            parsePostName(scope.row.postId) || "—"
                        }}</span>
                    </template>
                </el-table-column>

                <el-table-column
                    label="入职日期"
                    align="center"
                    prop="toformalTime"
                    width="180"
                >
                    <template slot-scope="scope">
                        <span>{{
                            parseTime(scope.row.entryTime, "{y}-{m}-{d}") || "—"
                        }}</span>
                    </template>
                </el-table-column>
                <!--                <el-table-column label="婚姻状况" align="center" prop="marryStatus">-->
                <!--                    <template slot-scope="scope">-->
                <!--                        <dict-tag :options="dict.type.marry_status" :value="scope.row.marryStatus"/>-->
                <!--                    </template>-->
                <!--                </el-table-column>-->
                <!--                <el-table-column label="身高" align="center" prop="height"/>-->
                <!--                <el-table-column label="体重" align="center" prop="weight"/>-->
                <!-- <el-table-column label="电话" align="center" prop="phone"/> -->
                <!--                <el-table-column label="英语水平" align="center" prop="englishLevel">-->
                <!--                    <template slot-scope="scope">-->
                <!--                        <dict-tag :options="dict.type.language_level" :value="scope.row.englishLevel"/>-->
                <!--                    </template>-->
                <!--                </el-table-column>-->
                <el-table-column
                    label="操作"
                    align="center"
                    class-name="small-padding fixed-width"
                    fixed="right"
                    width="300"
                >
                    <template slot-scope="scope">
                        <!--                        <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['staff:induction:edit']">修改</el-button>-->
                        <!--                        <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['staff:induction:remove']">删除</el-button>-->

                        <!-- <el-button size="mini" type="text" v-show="scope.row.status=='0' || scope.row.status=='3'"  icon="el-icon-edit" @click="doSubmitFlow(scope.row)" v-hasPermi="['staff:induction:edit']">提交审批</el-button> -->
                        <!-- <el-button size="mini" type="text" v-show="scope.row.status=='0' || scope.row.status=='3'"  icon="el-icon-edit" @click="handleUpdate(scope.row)" v-hasPermi="['staff:induction:edit']">修改</el-button> -->

                        <el-button
                            size="mini"
                            type="text"
                            icon="el-icon-view"
                            @click="handleView(scope.row)"
                            v-hasPermi="['staff:induction:edit']"
                            >查看</el-button
                        >
                        <el-button
                            size="mini"
                            type="text"
                            icon="el-icon-edit"
                            @click="handleUpdate(scope.row)"
                            v-hasPermi="['staff:induction:edit']"
                            >修改</el-button
                        >

                        <!-- <el-button size="mini" type="text" v-show="scope.row.status=='0' || scope.row.status=='3'"  icon="el-icon-delete" @click="handleDelete(scope.row)" v-hasPermi="['oa:carApply:remove']">删除</el-button> -->

                        <!-- <el-button size="mini" type="text" v-show="scope.row.status=='1'"  icon="el-icon-edit" @click="doCancleFlow(scope.row)" v-hasPermi="['staff:induction:edit']" style="color: #ff6666">撤销申请</el-button> -->
                        <!-- <el-button size="mini" type="text" v-show="scope.row.status!='0'"  icon="el-icon-edit" @click="flowDetail(scope.row)" v-hasPermi="['staff:induction:edit']">流程信息</el-button> -->
                        <!-- <el-button size="mini" type="text" v-show="scope.row.status!='0'"  icon="el-icon-edit" @click="handleView(scope.row)" v-hasPermi="['staff:induction:edit']">查看</el-button> -->

                        <el-button
                            size="mini"
                            type="text"
                            v-if="scope.row.linkStatus == '0'"
                            icon="el-icon-circle-check"
                            @click="openCreateUserDialog(scope.row)"
                            v-hasPermi="['staff:induction:edit']"
                            style="color: #ff6666"
                            >生成系统用户</el-button
                        >
                    </template>
                </el-table-column>
            </el-table>

            <pagination
                v-show="total > 10"
                :total="total"
                :page.sync="queryParams.pageNum"
                :limit.sync="queryParams.pageSize"
                @pagination="getList"
            />
        </TableCard>

        <FlowInfo
            :businessId="businessId"
            :billType="billType"
            v-if="showFlowInfo"
            :showStatus="showFlowInfo"
            @closeFlowInfoDialog="closeFlowInfoDialog"
        ></FlowInfo>

        <!-- dialog弹窗 -->
        <el-dialog
            title="系统用户设置"
            width="500px"
            :visible.sync="openCreateUser"
        >
            <el-form :model="createUserForm" label-width="120px">
                <el-form-item
                    label="姓名（工号）"
                    prop="createUserForm.username"
                >
                    <el-input
                        v-model="createUserForm.username"
                        disabled
                    ></el-input>
                </el-form-item>
                <el-form-item label="密码" prop="password">
                    <el-input
                        v-model="createUserForm.password"
                        disabled
                    ></el-input>
                </el-form-item>
                <el-form-item label="角色" prop="role">
                    <el-input v-model="createUserForm.role" disabled></el-input>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="createUser()"
                    >生 成</el-button
                >
            </div>
        </el-dialog>
    </div>
</template>

<script>
import {
    listInduction,
    getInduction,
    delInduction,
    addInduction,
    updateInduction,
} from "@/api/hrm/staff/induction";
import { cancleFlow, submitFlow } from "@/api/workflow/processInstance";
import FlowInfo from "@/views/workflow/flow/flowInfo";
import BillType from "@/billType";
import { treeselect } from "@/api/system/dept";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
import { listPost } from "@/api/system/post";
import { mapGetters, mapMutations } from "vuex";
import { createUser } from "@/api/hrm/staff/induction";

const defaultQueryParams = {
    pageNum: 1,
    pageSize: 10,
    params: {
        order: "1",
    },
    // orderBy: 0,
    // orderByColumn: "createTime",
    // isAsc: "descending",
    realName: null,
    sex: null,
    nation: null,
    birthdate: null,
    political: null,
    joinpartyDate: null,
    marryStatus: null,
    height: null,
    weight: null,
    nativePlace: null,
    idNum: null,
    phone: null,
    mail: null,
    driverslicenseType: null,
    englishLevel: null,
    postId: null,
};

export default {
    name: "Induction",
    dicts: [
        "political_status",
        "education_list",
        "nation_list",
        "marry_status",
        "language_level",
        "sys_user_sex",
        "driverslicense_type",
        "hrm_staff_type",
        "hrm_staff_type",
        "degree_value",
        "job_category",
    ],

    components: { FlowInfo, Treeselect },
    data() {
        return {
            //生成系统用户弹窗
            openCreateUser: false,
            createUserForm: {
                username: null,
                password: "123456",
                role: "普通职员",
            },
            createUserId: null,
            billType: BillType.billType.STAFF_INDUCTION,
            showFlowInfo: false,
            businessId: null,
            // 部门树选项
            deptOptions: [],
            deptOptionsArray: [],
            // 遮罩层
            loading: true,
            // 选中数组
            ids: [],
            // 子表选中数据
            checkedPlStaffInductionEduexp: [],
            // 非单个禁用
            single: true,
            // 非多个禁用
            multiple: true,
            // 显示查询条件
            showSearch: true,
            // 总条数
            total: 0,
            // 员工入职表格数据
            inductionList: [],
            // 员工入职信息登记--教育经历表格数据
            staffInductionEduexpList: [],
            // 弹出层标题
            title: "",
            // 是否显示弹出层
            open: false,
            // 查询参数
            queryParams: {
                ...defaultQueryParams,
            },
            // 表单参数
            form: {},
            // 表单校验
            rules: {},
            postList: [],
            postList2: [], //给查询用
        };
    },
    computed: {
        ...mapGetters("induction", ["searchCache"]),
    },
    async created() {
        const billType = this.$route.query && this.$route.query.billType;
        console.log("单据类型：" + billType);
        // if(billType){
        //     this.queryParams.billType = billType;
        //     this.billType = billType;
        // }
        await this.getTreeselect();
        this.getPostList();

        if (this.searchCache) {
            this.queryParams = { ...this.searchCache };
        }
        this.getList();
        //查询基础数据
    },
    methods: {
        ...mapMutations("induction", ["setSearchCache"]),

        parsePostTypeCode(key) {
            if (key) {
                let tempObj = this.dict.type.job_category.find(
                    (item) => item.value == key
                );
                if (tempObj) {
                    return tempObj.label;
                }
            }

            return "—";
        },
        openCreateUserDialog(row) {
            this.createUserId = row.id;
            this.createUserForm.username = `${row.realName}(${row.staffNum})`;
            this.openCreateUser = true;
        },
        /** 员工创建系统用户 **/
        createUser() {
            if (this.$store.getters.allDefectObj["HR-WEB-041"] == 0) {
                createUser(this.createUserId).then((res) => {
                    if (200 == res.code) {
                        this.$modal.msgSuccess("创建用户成功");
                        this.openCreateUser = false;
                        this.getList();
                    }
                });
            } else {
                this.$modal.confirm("确认创建系统用户？").then(() => {
                    return createUser(this.createUserId).then((res) => {
                        if (200 == res.code) {
                            this.$modal.msgSuccess("创建用户成功");
                            this.openCreateUser = false;
                            this.getList();
                        }
                    });
                });
            }
        },
        parseAge(val) {
            let now = new Date();
            let year = now.getFullYear();
            let month = now.getMonth() + 1;
            let day = now.getDate();

            let age = year - val.substr(0, 4);
            if ((month, day) < (val.substr(5, 2), val.substr(8, 2))) {
                age--;
            }

            return age + 1;
        },
        getPostList2(key) {
            this.queryParams.postId = undefined;
            listPost({
                pageSize: 100,
                postTypeCode: key || "",
            }).then((res) => {
                this.postList2 = res.rows;
            });
        },
        getPostList(key) {
            listPost({
                pageSize: 100,
                postTypeCode: key || "",
            }).then((res) => {
                this.postList = res.rows;
            });
        },
        parsePostName(ids) {
            if (ids) {
                let nameArr = [];
                let selIds = ids.split(",");
                this.postList.forEach((item) => {
                    selIds.forEach((sel) => {
                        if (item.postId == sel) {
                            nameArr.push(item.postName);
                        }
                    });
                });
                return nameArr.join(",");
            } else {
                return "—";
            }
        },

        parseSelectTree(id) {
            let tempObj = this.deptOptionsArray.find((item) => item.id == id);
            if (tempObj) {
                return tempObj.label;
            }
            return "";
        },

        flattenArray(arr) {
            let result = [];
            for (let i = 0; i < arr.length; i++) {
                let item = arr[i];
                result.push(item);
                if (item.children) {
                    result = result.concat(this.flattenArray(item.children));
                }
            }
            return result;
        },
        /** 查询部门下拉树结构 */
        getTreeselect() {
            treeselect().then((response) => {
                this.deptOptions = response.data;
                this.deptOptionsArray = this.flattenArray(this.deptOptions);
            });
        },
        /** 查询员工入职列表 */
        getList() {
            this.loading = true;
            listInduction(this.queryParams).then((response) => {
                this.inductionList = response.rows;
                this.total = response.total;
                this.loading = false;
            });
        },
        /** 查询按钮操作 */
        handleQuery() {
            if (this.queryParams.ageStart && this.queryParams.ageEnd) {
                this.queryParams.ageStart = parseInt(this.queryParams.ageStart);
                this.queryParams.ageEnd = parseInt(this.queryParams.ageEnd);
                if (this.queryParams.ageStart > this.queryParams.ageEnd) {
                    this.$modal.msgError("年龄起止范围错误");
                    return;
                }
            }
            this.queryParams.pageNum = 1;
            this.setSearchCache(this.queryParams);
            this.getList();
        },
        /** 重置按钮操作 */
        resetQuery() {
            this.setSearchCache(null);
            this.queryParams = { ...defaultQueryParams };
            this.postList2 = [];

            // this.resetForm("queryForm");
            this.handleQuery();
        },
        // 多选框选中数据
        handleSelectionChange(selection) {
            this.ids = selection.map((item) => item.id);
            this.single = selection.length !== 1;
            this.multiple = !selection.length;
        },
        /** 新增按钮操作 */
        handleAdd() {
            this.$tab.openPage(
                "录入员工信息",
                "/hrm/staff/induction/form/add/" + this.billType
            );
        },
        /** 修改按钮操作 */
        handleUpdate(row) {
            const id = row.id || this.ids;
            this.$tab.openPage(
                "录入员工信息",
                "/hrm/staff/induction/form/" + id
            );
        },
        /** 查看单据详情 */
        handleView(row) {
            this.$router.push({
                path: "/hrm/staff/induction/form/readonly/" + row.id,
                query: { readonly: "1" },
            });
        },
        /** 删除按钮操作 */
        handleDelete(row) {
            const ids = row.id || this.ids;
            this.$modal
                .confirm('是否确认删除员工入职编号为"' + ids + '"的数据项？')
                .then(function () {
                    return delInduction(ids);
                })
                .then(() => {
                    this.getList();
                    this.$modal.msgSuccess("删除成功");
                })
                .catch(() => {});
        },
        /** 员工入职信息登记--教育经历序号 */
        rowPlStaffInductionEduexpIndex({ row, rowIndex }) {
            row.index = rowIndex + 1;
        },
        /** 导出按钮操作 */
        handleExport() {
            let date = new Date();
            let year = date.getFullYear();
            let month = date.getMonth() + 1;
            let day = date.getDate();

            if (this.$store.getters.allDefectObj["HR-WEB-043"] == 0) {
                this.download(
                    "hrm/staff/induction/export",
                    {
                        ...this.queryParams,
                    },
                    `在职员工信息.xlsx`
                );
            } else {
                this.download(
                    "hrm/staff/induction/export",
                    {
                        ...this.queryParams,
                    },
                    `在职员工信息_${
                        year + "年" + month + "月" + day + "日"
                    }.xlsx`
                );
            }
        },

        /** 提交审批 ***/
        doSubmitFlow(row) {
            let data = {
                businessId: row.id,
                billType: BillType.billType.STAFF_INDUCTION,
            };
            this.$modal
                .confirm("确认要提交该单据进行审批吗？")
                .then(() => {
                    return submitFlow(data);
                })
                .then(() => {
                    this.getList();
                    this.$modal.msgSuccess("提交成功");
                })
                .catch(() => {});
        },
        /** 取回审批 ***/
        doCancleFlow(row) {
            let data = {
                businessId: row.id,
                billType: BillType.billType.STAFF_INDUCTION,
            };
            this.$modal.confirm("确认要取回该协议审批吗？").then(() => {
                cancleFlow(data).then((res) => {
                    if (200 == res.code) {
                        this.getList();
                        this.$modal.msgSuccess("取回成功");
                    }
                });
            });
        },
        /** 流程信息 ***/
        flowDetail(row) {
            this.businessId = row.id + "";
            this.showFlowInfo = true;
        },
        //关闭流程信息窗口
        closeFlowInfoDialog() {
            this.showFlowInfo = false;
        },
    },
};
</script>
